<template>
   <div class="student">
     <h2>姓名:{{  name }}</h2>
     <h2>性别: {{ sex }}</h2>
     <h2>当前求和为:{{ number }}</h2>
     <button @click="sendStudentName">把学生名传递给app</button>
     <button @click="unbind">解绑事件</button>
   </div>
</template>

<script>

export default {
  name: "Student",
  data(){
    // console.log(this);
    return {
       name: '张三',
       sex: '男',
       number: 0
    }
  },
  methods:{
    sendStudentName() {
      // this.$emit('demo')
      this.$emit('atguigu',this.name,this.sex)
      this.$emit('demo1')
    },
    unbind(){
      this.$off(['atguigu','demo1'])
    }
  }
}
</script>

<style scoped>
  .student{
    background: orange;
    padding: 5px;
    margin-bottom: 10px;
  }
</style>
